<template>
  <svg width="26" height="28" viewBox="0 0 26 28" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M2.42426 26.823C5.80392 27.0415 11.1685 23.8701 12.3096 13.8701"
      stroke="#F76B1B"
      stroke-linecap="round"
      stroke-dasharray="2 2" />
    <path
      d="M1.25437 3.97809C1.48529 1.78105 3.46335 0 5.67249 0H21.6725C23.8816 0 25.4853 1.78105 25.2544 3.97809L24.4181 11.9343C24.1872 14.1313 22.2092 15.9123 20 15.9123H2.99215e-05L1.25437 3.97809Z"
      fill="#F76B1B" />
    <path
      d="M8.94844 11.9343H7.39619L11.0579 3.97517H12.8411L14.8244 11.9343H13.2775L12.8235 9.96853H9.81569L8.94844 11.9343ZM11.7401 5.60973L10.3237 8.81473H12.5527L11.8046 5.60973H11.7401ZM17.7557 3.97517L16.9191 11.9343H15.4689L16.3055 3.97517H17.7557Z"
      fill="white" />
  </svg>
</template>

<script setup lang="ts">
  interface Props {
    size?: number | string;
    color?: string;
    fill?: string;
    strokeWidth?: number | string;
    iconClass?: string;
  }

  withDefaults(defineProps<Props>(), {
    size: 24,
    color: '#7A7A7A',
    fill: 'none',
    strokeWidth: 1,
    iconClass: '',
  });
</script>
